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Agenda 

• About myself 

• Android design so far 

• Android today 

• Material design 

• Branding opportunities 
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Who is that JBQ person anyway? 




15 years working in mobiie 





Parking meter spot 
acceptabie? 

Yes 

©No 


Credit: jeanmarc77 / flickr 



APP DEVELOPERS CONFERENCE" 2014 NOVEMBER 3-4, 2014 


GDCNEXT.COM 


Who is that JBQ person anyway? 

• In Android team, 2007-2013 




Credit: Google 
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Who is that JBQ person anyway? 


• Now, Mobile Architect at Yahoo 

• 15+ native apps for Android 

• 550M mobile MAUs (Q3'14) 
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About Android 



Credit: Google 
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Android design so far 



☆ Top Game of 201 3 at Google Play Player's 
Choice Awards. 

☆ Best Android Strategy Game Runner-up at 
Android Central Best of 201 3 Awards 

☆ One of the Best Android Apps of 201 3 - 
Gizmag 

"It's a social network, a lifestyle, and exercise 
rolled into one.” - Chris M, User 
"I've made friends who I would keep for life 
during the course of this "game.”” - Zeke C, 
User 

Ingress transforms the real world into the 
landscape for a global game of mystery, 
intrigue, and competition. 



Install 

1 

1 




1 





Ingress 

NianticLabs@Google 


0 


INSTALL 


o 

Downloads 190,733. Adventure 


Chris Druif 



Liam Spra 


Join Millions in this global game of Mystery. 
Exploration and Adventure. 

READ MORE 



Classic era Holo era Toward Material 
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Android Classic 



☆ Top Game of 201 3 at Google Play Player's 
Choice Awards. 

☆ Best Android Strategy Game Runner-up at 
Android Central Best of 201 3 Awards 

☆ One of the Best Android Apps of 201 3 - 
Gizmag 

"It's a social network, a lifestyle, and exercise 
rolled into one.” - Chris M, User 
"I've made friends who I would keep for life 
during the course of this "game.”” - Zeke C, 
User 


( 2007 - 2011 ) 


Ingress transforms the real world into the 
landscape for a global game of mystery, 
intrigue, and competition. 



Install 


1 




1 





APP DEVELOPERS CONFERENCE" 2014 NOVEMBER 3-4, 2014 


GDCNEXT.COM 


Android Classic (2007-2011) 

• Android growing its core functionality 

• Inconsistent navigation 

• Clunky, unpredictable interaction 

• Long-press, hardware menu button 

• Visually uninspiring, dated 

• Very little room for customization 

• No room for reasonable branding 
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Android Holo 


(2011 



★ ★★★★ 1Q0J33 Oc5.7. 2014 

5.000,000+ downloads 24,41 M8 


2014) 


Chris Druif and 9 others +1 'd this. 

Description 

★ Top Game of 201 3 at Google Play Player's Choice 
Awards. 

★ Best Android Strategy Game Runner-up at Android 

Central Best of 201 3 Awards 
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Holo (2011-2014) 

• Felt reasonably current for its time 

• Functionally solid 

• Well-defined navigation patterns 

• Action Bar, Navigation Drawer 

• Visually muted 

• Somewhat customizable 

• One main UI color. One icon. 
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Toward Material 


( 2014 ) 




Ingress 

NianticLabs@Google 


0 


INSTALL 


0 o 

Downloads 190,733. Adventure 


Chris Druif 



Liam Spra 


Join Millions in this global game of Mystery. 
Exploration and Adventure. 

READ MORE 
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Android today 

• Installed base: IB MAUs in Q2 ,Q.c„„,e, 

• 84% of Q3 smartphone sales (Strategy Analytics) 

• 58% of all Q3 phone sales (Strategy Analytics) 

• 48% of all 2014 device sales (Gartner, projection) 

• Front runner for wearables, TVs 

• It's BIG. It's everywhere, quite literally. 
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Now is a good time... 

• ... for existing Holo apps ... 

• ... to update existing designs to Material, 

• ... to check and tweak app navigation, 

• ... for new apps (or Classic apps) ... 

• ... to get on a level playing design field, 

• ... to leapfrog existing apps, 

• by adopting Material design, 

• by expanding over it. 
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Material Design (2014-) 


▼ ^ 

= Inbox Q 

■ 12:30 

AN Connors 

15m 

Brunch this weekend? 

I'll be in your neighborhood doing errands ... 

☆ 

me, Scott, Jennifer 

2h 

Summer BBQ 

Aw dang. Wish 1 could but I'm outta town ... 

☆ 

Sandra Adams 

6h 

Oui Oui 

Do you have Paris recommendations? Hav... 

☆ 

Trevor Hansen 

12h 

Order Confirmation 

Thank you for your recent order from Stev... 

☆ 

Britta Holt 

18h 

Recipe to try 

We should eat this: Grated Squash, Corn, ... 

☆ 

David Park 
Giants game 


Anv interest in seeina the Knicks nlav next ... 

□ 

O 

V 



( 650 ) 555-1234 

Mobile 

( 323 ) 555-6789 

Work 


9 

9 


aliconnors@example.com 

Personal 


ali_connors@example.com 

Work 
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Material Design (2014-) 

• Forward-looking 

• High-level navigation similar to Holo 

• Continuity of interaction 

• Bold colorful visual design 

• Branding opportunities 

• Color, shapes, layouts, fonts, even materials 

• However, no app icon in the action bar 
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Branding: ink colors 

1 

Inbox 

Q. 

Muted primary color 

Today 

Brunch this weekend? 

AN Connors — I'll be in your neighborhood... 

• Bright secondary color 

Summer BBQ 4 

K to Alex, Scott, Jennifer - Wish 1 could ... 

• Use either for branding 

Oui oui 


Sandra Adams - Do you have Paris reco... 

• with complementary color 

• Or use both for branding 

Birthday gift 

Trevor Hansen — Have any ideas about ... 


Recipe to try 

^ ^ Britta Holt — We should eat this: grated ... 


Giants game 

David Park - Any interest in seeinc ^ 


(S Montauk weekend 



<1 o 

□ 
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Branding: imagery 

• Material sets no rules 

• Photos 

• Drawn art 

• Colors 

• Shapes 

• Theme 
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▼ ^ ■ 12:30 


= Discover 



Favorite 
road trips 


Best 
airlines 


O 


O 


□ 
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Branding: drawer 

• The header image at 
the top of the navigation 
drawer is an obvious 
candidate for branding 


GDCNEXT.COM 



Short title 
A little longer title 
A very long title that will truncat... 
A shorter title 
Short title 


O 

Q 


Settings 

Support 


<1 


o 


□ 
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Branding: material shapes 


• Material can have any shape 

• Go beyond rectangles and circles 



• Buttons 

• Action buttons 

• Dialogs 

• Cards 

• Re-shape edges, corners, 
whole elements 




• Also, re-shape the ink ripples 
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Branding: other directions 

• Typography 

• Beware, Android ranges from 100 to 500+ dpi 

• System icons 

• Guidelines are very constraining 

• Opportunities for unique animations 
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Branding: example opportunities 




GDC 


NEXT' 



FEATURING ADC 
APP DEVELOPERS CONFERENCE 


Color 


Shape 


Font 
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Don't forget the other screens 


• Android Wear 
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Don't forget the other screens 


• Android TV 









